<template>
    <div>
        <input type="text" :value="value" @input="changeall" class="ipt" :placeholder="place"/>
    </div>
</template>

<script>
export default {
    props:{
        value:{
            type:String,
            default:""
        },
        place:{
            type:String,
            default:"请输入"
        }
    },
    methods:{
        changeall(e){
             this.$emit('input',e.target.value)
        }
    }
}
</script>

<style scoped>
   .ipt{
       width: 200px;
       height: 40px;
       line-height: 40px;
       outline: none;
       border: none;
       border-bottom: 1px solid #ccc;
   }
</style>